// @flow
import React, { Component } from 'react';
import Responsive from 'components/Base/Responsive';
import './Navbar.scss';

type Props = {
    menu: Node,
    rightUserButton: Node,
    rightUserMenu: Node
};

const Navbar = ({ menu, rightUserButton, rightUserMenu }: Props) => (
    <header className="navbar">
        <Responsive className="navbar-wrapper">
            <div className="navbar-brand">Do.</div>
            <div className="navbar-right">
                {menu}
                <div className="navbar-user">
                    {rightUserButton}
                    {rightUserMenu}
                </div>
            </div>
        </Responsive>
    </header>
);

export default Navbar;
